<template>
  <div  class="editor">
    <div v-html="content" class="editor-inner"></div>
  </div>
  <!-- <quill-editor v-model="content"
    :options="editorOption">
  </quill-editor> -->
</template>

<script>
export default {
  props: ['html'],
  data() {
    return {
      content: null,
      editorOption: {
        modules: {
          toolbar: null
        },
        scrollingContainer: '#scrolling-container',
        theme: 'bubble',
        readOnly: true
      }
    }
  },
  methods: {
    setContent(val) {
      const that = this
      that.content = val
    }
  },
  watch: {
    html(val) {
      this.setContent(val)
    }
  },
  mounted() {
    this.setContent(this.html)
  }
}
</script>

<style>
</style>
